﻿<!DOCTYPE html>
<html>
<head>
    <title>仪表盘制作</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_533449_naak7odp5x.css">
    <link href="/ViewV5/CSS/bootstrap3.3.5/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/index.css?v=1">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/default.css">
    <link href="/ViewV5/JS/element/index.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/FORMBI.css?v=8">
    <style>
        .item {
            margin-bottom: 18px;
        }

        .clearfix:before,
        .clearfix:after {
            display: table;
            content: "";
        }

        .clearfix:after {
            clear: both
        }
    </style>
</head>
<body style="background-color: #e7ecf1; font-size:12px">
    <!--<script>
        if (!window.Promise) {
            document.write('<script src="//cdn.jsdelivr.net/npm/es6-promise@4.1.1/dist/es6-promise.min.js"><\/script><script>ES6Promise.polyfill()<\/script>')
        }
    </script>-->
    <div id="Loading">
        <div class="loader-inner ball-beat">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <transition name="el-fade-in">
        <div id="DATABI_YBZZ" class="FormB" style="display:none">

            <nav class="navbar navbar-inverse box-shadow" style="border-radius: 0; background-color: #fff; border-color: #fff; ">
                <div class="head-center clearfix c2">
                    <div class="logo c666 pull-left">
                        {{FormName}}
                    </div>
                    <div class="pull-right top-fun hidden">
                        <ul class="clearfix">
                            <li>
                                <a class="shuaxin">
                                    <i class="iconfont icon-shangchuan tip" data-toggle="tooltip" title="保存" data-placement="bottom"></i> 保存
                                </a>
                            </li>
                            <li>
                                <a :href="'YBPVIEW.html?yl=Y&ID='+dataid" target="_blank">
                                    <i class="iconfont icon-look tip" data-toggle="tooltip" title="预览" data-placement="bottom"></i> 预览
                                </a>
                            </li>
                            <li>
                                <a class="shuaxin">
                                    <i class="iconfont icon-fabu tip" data-toggle="tooltip" title="发布后正式生效" data-placement="bottom"></i> 发布
                                </a>
                            </li>
                        </ul>
                    </div>


                </div>
            </nav>

            <div class="work">
                <div class="fwlayout" style="padding-top: 0px; width: 98%;">

                    <div class="rightlayout" style="margin-left: 230px;">
                        <div class="index-center" style="margin-right: 320px;width: 1100PX;">
                            <div class="menu-general ft16 box-shadow">
                                <ul>
                                    <li @click="tab1 = 0" v-bind:class="{ active: tab1 =='0' }">
                                        <a> 实训室详情</a>
                                    </li>
                                    <li @click="tab1 = 1" v-bind:class="{ active: tab1 =='1' }">
                                        <a> 设备明细</a>
                                    </li>
                                    <li @click="tab1 = 2" v-bind:class="{ active: tab1 =='2' }">
                                        <a> 制度明细</a>
                                    </li>

                                </ul>
                            </div>
                            <div class="main-content ft16   padding10 c666 box-shadow clearfix">
                                <div v-show="tab1=='0'">
                                    <iframe marginwidth="0" :src="url" class="tabiframe" marginheight="0" frameborder="0" scrolling="no" height="100%" id="main" name="main" width="100%" style="min-height: 600px"></iframe>
                                </div>
                                <div v-show="tab1=='1'" class="bbsx">
                                    <iframe marginwidth="0" :src="urlsb" class="tabiframe" marginheight="0" frameborder="0" scrolling="no" height="100%" id="main" name="main" width="100%" style="min-height: 600px"></iframe>

                                </div>
                                <div v-show="tab1=='2'">


                                    <el-tabs tab-position="left" style="height: 200px;">
                                        <el-tab-pane v-for="zd in zddata"  :label="zd.zdmc">
                                            <div v-html="zd.zdnr"></div>
                                        </el-tab-pane>
                                   
                                    </el-tabs>
                                </div>
                            </div>



                        </div>
                    </div>
                </div>
            </div>





        </div>
    </transition>
    <script src="/ViewV5/JS/vue.js"></script>
    <script type="text/javascript" src="/ViewV5/JS/jquery-1.11.2.min.js"></script>
    <script src="/ViewV5/JS/lodash.min.js"></script>
    <script src="/ViewV5/JS/httpVueLoader.js"></script>
    <script src="/ViewV5/CSS/bootstrap3.3.5/js/bootstrap.js"></script>
    <script src="/ViewV5/JS/V1/Sortable.min.js"></script>
    <script src="/ViewV5/JS/V1/vuedraggable.umd.min.js"></script>
    <script src="/ViewV5/JS/layer/layer.js"></script>
    <!-- 引入组件库 -->
    <script src="/ViewV5/JS/element/element.js"></script>
    <script src="/ViewV5/JS/element/pltable/index.js"></script>
    <script src="/ViewV5/JS/bijs.js?v=5"></script>
    <script>
        // Vue.use(VueDragging)
        var app = new Vue({
            el: '#DATABI_YBZZ',

            data: {
                dialogFormVisible: false,
                loading: true,
                tab1: "0",
                FormName: "",
                zddata: [],
                sxsid: ComFunJS.getQueryString("sxsid", "0"),
                piid: ComFunJS.getQueryString("piid", "0"),
                url: "/ViewV5/AppPage/FORMBI/FormView.html?vtype=2&piid=12",
                urlsb: "/ViewV5/AppPage/DATABI/YBPVIEW.html?vtype=2&ID=2&sxsdm=5",
                isview: false//是否浏览模式
            },

            created() {
                document.body.removeChild(document.getElementById('Loading'))
                var divBJ = document.getElementById('DATABI_YBZZ');
                divBJ.style.display = "block";

            },
            methods: {

                inityb: function () {
                    var pro = this;
                    var woption = {
                        wdlist: "id,sxsname", querydata: [{ qfiled: "id", cal: "0", glval: pro.sxsid }]
                    }
                    app.url = "/ViewV5/AppPage/FORMBI/FormView.html?vtype=2&piid=" + app.piid;
                    app.urlsb = "/ViewV5/AppPage/DATABI/YBPVIEW.html?vtype=2&ID=2&sxsdm=" + app.sxsid;

                    $.getJSON("/API/VIEWAPI.ashx?Action=DATABI_GETQJTABLEDATA", { P1: '2', P2: woption }, function (result) {
                        if (result.ErrorMsg == "") {
                            app.FormName = result.Result[0].sxsname;
                            app.$notify({
                                title: '成功',
                                message: '初始化成功',
                                type: 'success'
                            });

                            var zdoption = {
                                wdlist: "sxsdm,zdmc,zdnr,CRUserName,CRDate", querydata: [{ qfiled: "sxsdm", cal: "0", glval: app.sxsid }]
                            }
                            $.getJSON("/API/VIEWAPI.ashx?Action=DATABI_GETQJTABLEDATA", { P1: '4', P2: zdoption }, function (zd) {
                                if (zd.ErrorMsg == "") {
                                    app.zddata = zd.Result;

                                }

                            })

                            app.loading = false;
                        }

                    })

                   

                },
            },
            mounted: function () {
                var pro = this;
                pro.$nextTick(function () {
                    pro.inityb();

                })

            },
            destroyed() {//离开该页面需要移除这个监听的事件
            },
            watch: {


            }
        })


    </script>
</body>

</html>